<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
     <title>个人中心</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">  
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link href="css/style.css" rel="stylesheet"/>
    <link href="css/iconfont.css" rel="stylesheet"/>
    <style>
    .mui-content-padded{
	margin: 0 !important;
	width: 100%;
	overflow: hidden;
	height: 150px;
	}
	.mui-content-padded img{
		width: 100%;
	}
	/*.mui-table-view-cell img{
		width: 35px;
		height: auto;
	}*/
	.mui-table-view-cell span{
		width:40px;
		height: auto;
		padding-top: 5px;
		color:#2DA3FF;
		font-size:44px !important;
	}
    </style>
    
</head>
<body>
	<header id="header" class="mui-bar mui-bar-nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">个人中心</h1>
	</header>
	<nav class="mui-bar mui-bar-tab">
		<a id="defaultTab" class="mui-tab-item mui-active" href="tab-webview-subpage-about.html">
			<span class="mui-icon iconfont icon-huodong1"></span>
			<span class="mui-tab-label">活动</span>
		</a>
		<a class="mui-tab-item" href="tab-webview-subpage-chat.html">
			<span class="mui-icon iconfont icon-attention"></span>
			<span class="mui-tab-label">发现</span>
		</a>
		<a class="mui-tab-item" href="tab-webview-subpage-contact.html">
			<span class="mui-icon iconfont icon-xiaoxi1"><span class="mui-badge">9</span></span>
			<span class="mui-tab-label">消息</span>
		</a>
		<a class="mui-tab-item" href="tab-webview-subpage-setting.html">
			<span class="mui-icon iconfont icon-saoma1"></span>
			<span class="mui-tab-label">扫码</span>
		</a>
	</nav>
	<div class="mui-content">
		<div class="mui-content-padded">				
			<img src="images/shuijiao.jpg" />				
		</div>
		<ul class="mui-table-view mui-grid-view mui-grid-9">
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
		    	<a href="pinform.html">
		        	<span class="mui-icon iconfont icon-gerenxinxi"></span>
		        	<div class="mui-media-body">个人信息</div>
		    	</a>
		    </li>
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="pattinfo.html">
		         <span class="mui-icon iconfont icon-xinxi1an"></span>
		                    <div class="mui-media-body">参会信息</div></a>
		    </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="porder.html">
                    <span class="mui-icon iconfont icon-zichan"></span>
                    <div class="mui-media-body">个人订单</div></a>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="pabst.html">
                    <span class="mui-icon iconfont icon-zixun"></span>
                    <div class="mui-media-body">个人摘要</div></a>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="resource.html">
                    <span class="mui-icon iconfont icon-gerenxinxi"></span>
                    <div class="mui-media-body">资源信息</div></a>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="meeting.html">
                    <span class="mui-icon iconfont icon-kecheng"></span>
                    <div class="mui-media-body">会议日程</div></a>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="pricheng.html">
                    <span class="mui-icon iconfont icon-dancheng"></span>
                    <div class="mui-media-body">个人行程</div></a>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="local.html">
                    <span class="mui-icon iconfont icon-daohang"></span>
                    <div class="mui-media-body">会议导航</div></a>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="local.html">
                    <span class="mui-icon iconfont icon-zhuxiao"></span>
                    <div class="mui-media-body">退出会议</div></a>
            </li>
		</ul> 
	</div>	
    <script src="js/mui.min.js"></script>
	<script type="text/javascript" charset="utf-8">
			mui.init({
				swipeBack:true //启用右滑关闭功能
			});
//			var slider = mui("#slider");
//			document.getElementById("switch").addEventListener('toggle', function(e) {
//				if (e.detail.isActive) {
//					slider.slider({
//						interval: 0
//					});
//				} else {
//					slider.slider({
//						interval: 3000
//					});
//				}
//			});
		</script>
		
</body>
</html>